import React from "react";

export class Button extends React.Component {
  hello() {}

  render(): React.ReactNode {
    return <button>Button</button>;
  }
}

// function World(props, ref) {
//   console.log("world props", props);
//   console.log("world ref", ref);

//   return (
//     <div>
//       <p>World</p>
//       <Button ref={ref}></Button>
//     </div>
//   );
// }

const World = React.forwardRef<HTMLParagraphElement, { a: string }>(
  (props, ref) => {
    return (
      <div>
        <p ref={ref}>World - {props.a}</p>
        <Button></Button>
      </div>
    );
  }
);

export default World;
